<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .container {
            margin: 0px auto;
            background-color: blanchedalmond;
            padding-top: 180px;
        }
        
        div {
            width: 1500px;
            height: 600px;
        }
        
        header {
            text-align: left;
            padding-top: 10px;
            padding-left: 35px;
        }
        
        .h1 {
            color: black;
            margin: 50px auto;
        }
        
        .link {
            padding-left: 10px;
            padding-top: 200px;
        }
        
        header a {
            text-align: center;
            color: white;
            background-color: black;
            display: inline-block;
            width: 120px;
            height: 30px;
            text-decoration: none;
            line-height: 30px;
        }
        
        section.work {
            width: 320px;
            padding-left: 250px;
            vertical-align: top;
            display: inline-block
        }
        
        section.pretium {
            width: 330px;
            padding-left: 250px;
            vertical-align: top;
            display: inline-block
        }
    </style>
</head>

<body>

    <body>
        <div class="container">
            <header>
                <div>
                    <h1>Cemal Can Dinca</h1>
                    <p>Owner/Designer/Creator</p>

                    <a href="#">Contact Me</a>
                    <div class="link">
                        <img src=" https://via.placeholder.com/12px*14px" alt="">
                        <img src="https://via.placeholder.com/12px*14px" alt="">
                        <img src="https://via.placeholder.com/12px*14px" alt="">
                        <img src="https://via.placeholder.com/12px*14px" alt="">
                    </div>
                </div>
            </header>

            <section class="work">
                <img class="first" src=" https://via.placeholder.com/300px*330px " alt=" ">
                <h3>one</h3>
                <p>
                    Loren inpsum dolor sit amet,consectetur adipiscing elit.Amenean aliquam erat ligula,eu pretium tellus rutrum et.
                </p>
                <img class="second" src="https://via.placeholder.com/300px*350px" alt="">
                <h3>one</h3>
                <p>
                    Loren inpsum dolor sit amet,consectetur adipiscing elit.Amenean aliquam erat ligula,eu pretium tellus rutrum et.
                </p>
            </section>


            <section class="pretium">
                <p>
                    Lorem ipsum dolor sit amet,consectetur adipiscing elit.Amenean aliquam erat ligula,eu pretium tellus rutrum et.Etiam eget imprerdle emnl,in lucast. Lorem ipsum dolor sit amet,consectetur adipiscing elit.Amenean aliquam erat ligula,eu pretium tellus rutrum
                    et.Etiam eget imprerdle emnl,in lucast.
                </p>
                <p>
                    Lorem ipsum dolor sit amet,consectetur adipiscing elit.Amenean aliquam erat ligula,eu pretium tellus rutrum et.Etiam eget imprerdle emnl,in lucast. Lorem ipsum dolor sit amet,consectetur adipiscing elit.Amenean aliquam erat ligula,eu pretium tellus rutrum
                    et.Etiam eget imprerdle emnl,in lucast.
                </p>
                <img class="third" src="https://via.placeholder.com/260x*350px" alt="">

                <img class="first" src=" https://via.placeholder.com/120px*110px " alt=" ">
                <img class="first" src="https://via.placeholder.com/120px*110px " alt=" ">

            </section>
        </div>
    </body>


</html>